.container {
	background: #212121;
	position: relative;
	width: 100vw;
	height: 100vh;
}

.container .logoBox {
	position: absolute;
	width: 56px;
	height: 56px;
	top: 34.67px;
	left: 44.67px;
}

.container .logoBox img {
	width: 100%;
	height: 100%;
}

.container .backgroundBox {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(65, 16, 127, 0.56) 0%, hsla(241, 91%, 40%, 0) 100%);
}

.container .backgroundIconBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/static/html/img/backgroundIconBox.png');
	background-repeat: repeat;
	background-size: auto 100%;
}

.container .backgroundIconBox .aboutUs {
	position: absolute;
	font-size: 12px;
	color: #FFFFFF;
	top: 55px;
	right: 470px;
}

.container .backgroundIconBox .aboutUs:hover {
	cursor: pointer;
}

.container .backgroundIconBox .maskModel {
	z-index: 99999;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

.container .backgroundIconBox .maskModel .aboutUsInfo {
	position: absolute;
	width: 420px;
	height: 348px;
	background: url('../img/Group38168.png');
	background-size: 100% 100%;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container .backgroundIconBox .maskModel .aboutUsInfo .closeVector {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 32px;
	right: 28px;
}
.container .backgroundIconBox .maskModel .aboutUsInfo .closeVector:hover{
	cursor: pointer;
}
.container .backgroundIconBox .maskModel .aboutUsInfo .closeVector img {
	width: 100%;
	height: 100%;
}

.container .backgroundIconBox .maskModel .aboutUsInfo .aboutUsTextBox {
	/* background-color: #212121; */
	width: 363px;
	height: 212px;
	margin: 0 auto;
	margin-top: 96px;
	font-size: 16px;
	line-height: 24px;
	color: #BCB4DB;
}

.container .coverBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.container .coverBox .coverBoxImage {
	width: 1200px;
	height: 795px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container .contentBox {
	width: 984px;
	height: 692px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
}

.container .contentBox .leftPhone {
	width: 317px;
	height: 692px;
}

.container .contentBox .leftPhone img {
	width: 100%;
	height: 100%;
}

.container .contentBox .rightContent {
	text-align: right;
	align-items: flex-end;
}

.container .contentBox .rightContent .topTitle {
	margin-top: 107.07px;
}

.container .contentBox .rightContent .topTitle img {
	width: 160px;
	height: 97.74px;
}

.container .contentBox .rightContent .centerBox {}

.container .contentBox .rightContent .centerBox .ZH_CN {
	margin-top: 60.54px;

}

.container .contentBox .rightContent .centerBox .ZH_CN img {
	width: 482px;
	height: 50px;
}

.container .contentBox .rightContent .centerBox .EN {
	margin-top: 20px;
}

.container .contentBox .rightContent .centerBox .EN img {
	width: 385px;
	height: 14px;
}

.container .contentBox .rightContent .downloadBox {
	margin: 30px 0;
}

.container .contentBox .rightContent .downloadBox img {
	width: 24px;
	height: 24px;
}

.container .contentBox .rightContent .bottomBox .rightCodeBox .greenBg {
	width: 140px;
	height: 140px;
	background: #BEFD00;
	border-radius: 12px;
	position: relative;
}

.container .contentBox .rightContent .bottomBox .rightCodeBox .greenBg .whiteBg {
	width: 140px;
	height: 140px;
	border-radius: 10px;
	background: #FFFFFF;
	border: 1px solid #100F1F;
	position: absolute;
	top: -3px;
	left: -3px;
	padding: 5px;
}

.container .contentBox .rightContent .bottomBox .rightCodeBox .greenBg .whiteBg img {
	width: 130px;
	height: 130px;
	position: relative;
}

.container .contentBox .rightContent .bottomBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox {
	margin-right: 24px;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button {
	width: 138px;
	height: 36px;
	border-radius: 20.5px;
	border: 2px solid rgba(255, 255, 255, 0.13);
	display: flex;
	align-items: center;
	padding-left: 18px;
	cursor: pointer;
}

.activeBtn {
	border-color: #BEFD00 !important;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button .imageIcon {
	width: 16px;
	height: 16px;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button .imageIcon img {
	width: 100%;
	height: 100%;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button .systemText {
	width: 59px;
	height: 16px;
	margin-left: 6px;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button .systemText img {
	width: 100%;
	height: 100%;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button .activeIcon {
	/* width: 12px;
    height: 12px; */
	margin-left: 12px;
}

.container .contentBox .rightContent .bottomBox .leftButtonBox .button .activeIcon img {
	width: 12px;
	height: 12px;
}

.hide {
	display: none;
}

.container .footer {
	position: absolute;
	bottom: 25px;
	text-align: center;
	width: 100%;
	color: #3E3D63;
}